<!----收货信息页---->
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>收货信息修改页</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/order_info.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/animate.css">
    <script src="https://cdn.bootcss.com/jquery/1.11.1-rc2/jquery.min.js"></script>
    <script src="js/bootstrap-datetimepicker.min.js"></script>
    <script src="js/laydate/laydate.js"></script>
</head>

<body>
<div class="box container-fluid" >
    <header class="row">
    </header>
     <div class="row activating_success">
         <img src="images/duihao.png" alt="">
         <p>蔬菜套餐至尊版 - 季卡 激活成功</p>
     </div>

    <div class="alert alert-danger bounceInDown animated" role="alert">
        <i class="fa fa-exclamation-triangle" aria-hidden="true"></i>注意：请妥善保管礼品卡，如需改变收货信息，请重新扫码进行修改
    </div>
    <div class="row order_list">
        <div class="col-xs-12 order_list_title">
            <i class="fa fa-truck" aria-hidden="true"></i>派送清单
        </div>
        <div class="col-xs-12 order_list_info">
            <div class="row order_list_info_date">
                <div class="col-xs-8">
                    <i class="fa fa-angle-right"></i><b>2018-01-25</b>
                </div>
                <div class="col-xs-4">
                    <a href="modify_order_info.html">修改</a>
                </div>
            </div>
            <div class="row order_list_info_add">
                <div class="col-xs-12">
                    <p><span>胡履俊</span><span>15588833959</span></p>
                    <p><span>济南市</span><span>市中区</span><span>历阳大街银丰大厦630室历阳大街银丰大厦630室</span></p>
                </div>
            </div>
        </div>
        <div class="col-xs-12 order_list_info">
            <div class="row order_list_info_date">
                <div class="col-xs-8">
                    <i class="fa fa-angle-right"></i><b>2018-01-25</b>
                </div>
                <div class="col-xs-4">
                    <a href="modify_order_info.html">修改</a>
                </div>
            </div>
            <div class="row order_list_info_add">
                <div class="col-xs-12">
                    <p><span>胡履俊</span><span>15588833959</span></p>
                    <p><span>济南市</span><span>市中区</span><span>历阳大街银丰大厦630室</span></p>
                </div>
            </div>
        </div>
        <div class="col-xs-12 order_list_info">
            <div class="row order_list_info_date">
                <div class="col-xs-8">
                    <i class="fa fa-angle-right"></i><b>2018-01-25</b>
                </div>
                <div class="col-xs-4">
                    <a href="modify_order_info.html">修改</a>
                </div>
            </div>
            <div class="row order_list_info_add">
                <div class="col-xs-12">
                    <p><span>胡履俊</span><span>15588833959</span></p>
                    <p><span>济南市</span><span>市中区</span><span>历阳大街银丰大厦630室</span></p>
                </div>
            </div>
        </div>
        <div class="col-xs-12 order_list_info">
            <div class="row order_list_info_date">
                <div class="col-xs-8">
                    <i class="fa fa-angle-right"></i><b>2018-01-25</b>
                </div>
                <div class="col-xs-4">
                    <a href="modify_order_info.html">修改</a>
                </div>
            </div>
            <div class="row order_list_info_add">
                <div class="col-xs-12">
                    <p><span>胡履俊</span><span>15588833959</span></p>
                    <p><span>济南市</span><span>市中区</span><span>历阳大街银丰大厦630室</span></p>
                </div>
            </div>
        </div>
        <div class="col-xs-12 order_list_info">
            <div class="row order_add_modify">
                <div class="col-xs-12">
                    <a href="modify_all_order_add.html"><i class="fa fa-edit"></i>重置所有订单的派送地址</a>
                </div>
            </div>
            <div class="row order_list_info_add">
                <div class="col-xs-12">
                    <p><span>胡履俊</span><span>15588833959</span></p>
                    <p><span>济南市</span><span>市中区</span><span>历阳大街银丰大厦630室</span></p>
                </div>
            </div>
        </div>

    </div>

    <footer class="row footer">
        <img src="images/footer_logo.png" width="25%" alt="">
        <i class="fa fa-volume-control-phone" aria-hidden="true"></i>
        <span>客户电话：0531-89013310</span>
    </footer>
</div>
<script>
    $(function($){
        $(".order_list_info_date").eq(0).children("div").children("i").removeClass("fa-angle-right").addClass("fa-angle-down");
        $(".order_list_info_add").eq(0).show();
        $(".order_list_info_date .col-xs-8").click(function(){
            $(this).parent().siblings().show();
            $(this).children("i").removeClass("fa-angle-right").addClass("fa-angle-down");
            var sibling = $(this).parent().parent().siblings();
            sibling.children(".order_list_info_add").hide();
            sibling.children(".order_list_info_date").children("div").children("i").removeClass("fa-angle-down").addClass("fa-angle-right");
        })
    })
</script>
</body>
</html>
